// 边距
.boxAll{
	padding: 0 20rpx;
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow: auto;
}
.boxAllTwo{
	padding: 0 20rpx;
	display: flex;
	flex-direction: column;
}
// 占位距离
.box100{
	width: 100%;
	height: 100rpx;
}
// 广告位
.adver{
	width: 100%;
	height: 256rpx;
	border: 1rpx solid #999;
}
.bigAdver{
	width: 100%;
	height:342rpx;
	border: 1rpx solid #999;
}
.miniAdver{
	width: 340rpx;
	height:256rpx;
	border: 1rpx solid #999;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20rpx;
}

// 布局flex
.flex{
	display: flex;
}
.flexColumn{
	display: flex;
	flex-direction: column;
}
.alignCenter{
	align-items: center;
}
.alignEnd{
	align-items: flex-end;
}
.justifyBetween{
	justify-content: space-between;
}
.justifyCenter{
	justify-content: center;
}
.justifyAround{
	justify-content: space-around;
}
.justifyEnd{
	justify-content: flex-end;
}
// margin-top
.mt16{
	margin-top: 16rpx;
}
.mt20{
	margin-top: 20rpx;
}
.mt60{
	margin-top: 60rpx;
}
.mt100{
	margin-top: 100rpx;
}
// margin-right
.mr14{
	margin-right: 14rpx;
}
.mr20{
	margin-right: 20rpx;
}
.mr26{
	margin-right: 26rpx;
}
.mr30{
	margin-right: 30rpx;
}
.mr50{
	margin-right: 50rpx;
}
// margin-bottom
.mb10{
	margin-bottom:10rpx;
}
.mb14{
	margin-bottom:14rpx;
}
.mb20{
	margin-bottom: 20rpx;
}
.mb22{
	margin-bottom: 22rpx;
}
.mb30{
	margin-bottom: 30rpx;
}
.mb40{
	margin-bottom: 40rpx;
}
.mb60{
	margin-bottom: 60rpx;
}
.mb120{
	margin-bottom: 120rpx;
}
// margin-left
.ml20{
	margin-left: 20rpx;
}
.ml40{
	margin-left: 40rpx;
}

// border
.border6{
	border-radius: 6rpx;
}
.border12{
	border-radius: 12rpx;
}
.border40{
	border-radius: 40rpx;
}
.border50{
	border-radius: 50%;
}
// border-bottom
.borderBtm{
	padding-bottom: 16rpx;
	border-bottom: 1rpx solid #f1f1f1;
	margin-top: 16rpx;
}
.borderBtmE{
	padding-bottom: 16rpx;
	border-bottom: 1rpx solid #e5d8d5;
	margin-top: 16rpx;
}
.borderBtm20{
	padding-bottom: 20rpx;
	border-bottom: 1rpx solid #f5f5f5;
	margin-bottom: 20rpx;
}
.borderBtm28{
	padding-bottom: 28rpx;
	border-bottom: 1rpx solid #f5f5f5;
}
// border
.borderSoB{
	border: 1rpx solid #7B7B7B;
	border-radius: 12rpx;
	padding: 8rpx 26rpx;
}



// 字体
.fz20{
	font-size: 20rpx;
}
.fz24{
	font-size: 24rpx;
}
.fz28{
	font-size: 28rpx;
}
.fz32{
	font-size: 32rpx;
}
.fz36{
	font-size: 36rpx;
}

// 颜色
.fff{
	color: #fff;
}
.black{
	color: #000;
}
.gray{
	color: #525252;
}
.darkgray{
	color: #757575;
}
.lightgray{
	color: #7B7B7B;
}
.the{
	color: #75301e;
}
.green{
	color: #00FF45;
}
.red{
	color: #F80000;
}

// 加粗
.bold{
	font-weight:bold;
}

// 图片
.imageSize{
	width: 60rpx;
	height: 60rpx;
}
.imageBig{
	width: 120rpx;
	height: 120rpx;
}


// padding
.pd20{
	padding: 20rpx;
}
.pd30{
	padding: 30rpx;
}
.pd020{
	padding: 0 20rpx;
}
.pd200{
	padding:20rpx  0;
}
.pd400{
	padding:40rpx  0;
}
.pd1020{
	padding:4rpx 10rpx;
}
.pd1640{
	padding:16rpx 40rpx;
}

// 按钮
.botmBtn{
	width: 300rpx;
	height:64rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}
.botmBtn{
	width: 300rpx;
	height:64rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wifiBtn{
	width: 200rpx;
	height:64rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}
// 空心
.btnHollow{
	border: 1rpx solid #75301e;
	color: #75301e;
}
.btnSolid{
	background-color: #75301e;
	color: #fff;
}